.footer_f{
    .footer{
        position: relative;
//      z-index: 9000;
        z-index: 20;
        border-top: 1px solid #f0f0f0 ;
        margin-top: 1px;
        max-width: 750px;
        display: flex;
        width: 100%;
        height: .98rem;
        padding: .12rem 1rem 0 1rem;
        padding: .12rem 0rem 0 0rem; 
        background: white;
        justify-content: space-around;
        .footer_home,.footer_course,.footer_my{
            display: flex;
            flex-direction: column;
            align-items: center;
            img{
                width: .5rem;
                height: .5rem;
                margin:0 auto .06rem;
                flex: 1;
            }
            span{
                font-size: .2rem;
                color: #999999;
                line-height: .28rem;
            }
            .ckbm_img{
                width: .5rem;
                height: .5rem;
            }
        }
        .footer_active{
            span{ 
                color: #35BF7E;
            }
        }
    }  
    .kong{
        width: 100%;
        height: .98rem;
    }
}
